<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>timepoint</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q"
        crossorigin="anonymous"></script>
    <script type="module" src="/scripts/record.js"></script>
</head>

<body>
    <div class="shadow bg-light">
        <div class="d-flex text-bg-primary">
            <div class="d-inline-block pt-2 mt-3 mb-3 ms-3">
                <i id="back_btn" class="bi bi-chevron-left h1" onclick="window.history.back()"></i>
            </div>
            <div class="d-inline-block pt-2 ms-3 mt-3 mb-3">
                <h1 class="h1">TIMEPOINT</h1>
            </div>
            <div class="d-inline-block mt-3 ms-2 mt-3 mb-3">
                <h1 class="h5"><span class="badge rounded-pill bg-danger">996</span></h1>
            </div>
        </div>
    </div>
    <p>
    <div class="container ms-3">
        <table class="table table-striped">
            <thead>
                <tr class="h6">
                    <th>日期</th>
                    <th>状态</th>
                    <th>签到时间</th>
                    <th>签退时间</th>
                    <th>时长</th>
                </tr>
            </thead>
            <tbody id="record-list">
            </tbody>
        </table>
        <div class="d-flex justify-content-between">
            <button type="button" id="prev_page" class="btn btn-outline-secondary btn-sm">上一页</button>
            <span class="text-secondary">
                <<span id="current_page">1
            </span>></span>
            <button type="button" id="next_page" class="btn btn-outline-secondary btn-sm">下一页</button>
        </div>
        <!-- <div class="container mt-3 ps-0">
            <a href="/pages/user_home.html" class="mt-3">返回</a>
        </div> -->
    </div>
    </p>
</body>

</html>